<template>
  <div class="sheiContainer">
    <div class="shebeiTitle">{{ title }}</div>
    <div class='shebeiContent'>
      <VNumber :value="dataNumber" :intervalTime="intervalTime" />
    </div>
  </div>
</template>
<script>
import VNumber from './VNumber.vue'
export default {
  components: {
    VNumber
  },
  props: {
    dataNumber: Number,
    title: String,
  },
}
</script>
<style lang="less" scoped>
.sheiContainer {
  width: 100%;
  height: 100%;
  // background-color: rgb(17, 12, 68);
  padding-top:10px;
  // border: 1px solid #0D2451;

  .shebeiTitle {
    font-size: 18px;
    color:#2c7bfe;
  }

  .shebeiContent {
    font-size: 45px;
    color: #4ADEFE;
  }
}
</style>